<template>
	<div class="subw">
		<van-nav-bar title="上传界面" left-text="返回" left-arrow @click-left="ret()">
		  <!-- <template #right>
		    <van-icon name="plus" size="20" />
		  </template> -->
		</van-nav-bar>
		<!-- 上传界面<br> -->
		
		<!-- 显示时间 -->
		<div class="time">
			<span class="day"><!-- 13 -->{{sub_day}}</span>
			<span class="ym"><!-- 星期日 -->{{sub_week}}<br /><!-- 2021年6月 -->{{sub_yymm}}</span>
		</div>
		<textarea name="" id="" cols="35" rows="8" placeholder="主要内容" v-model="u_font"/><br />
		<van-uploader v-model="fileList" multiple :max-count="2" class="upload"/><br>			<!-- 限制上传两个 -->
		<input type="submit" value="提交" @click="sub()">
		
	</div>
</template>

<script>
	import {Toast} from 'vant';
	import axios from 'axios';
	var querystring = require('querystring');
	export default{
		name:'subw',
		data(){
			return{
				u_font:'',				//上传内容
				sub_day:'',				//当前日
				sub_yymm:'',				//当前年份和月份
				sub_week:'',				//当前日期是星期几
				mine:'',
				fileList: [],				//上传列表
				eye_count:'0',				//浏览次数
				sum_com:'0',				//评论条数
				sum_like:'0',				//点赞次数
				file: '',
			}
		},
		// watch:{
		// 	'$route':'showData',
		// },
		created:function(){
			console.log('成功触发事件');
			// this.week='123';			//给参数传值
			
			// let mm = new Date().getMonth()+1;
			
			let yy = new Date().getFullYear();		//获取当前年份
			let mm = new Date().getMonth()+1;		//获取当前月份
			let dd = new Date().getDate();			//获取当前日
			let wk = new Date().getDay();  			//会根据当前是星期几，返回对应的数字：0(周日)-6(周六)
			let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
			this.sub_week = weeks[wk];  				//获取当前日期是星期几，并赋值给变量显示
			this.sub_yymm = yy+'年'+mm+'月';			//将当前年月赋值给变量并显示
			this.sub_day =dd;						//将当前日赋值给变量并显示
			this.mine=JSON.parse(localStorage.getItem('data-mine'));
			console.log(this.mine.detail.username);	
			
		},
		methods:{
			ret(){
				this.$router.push({path:'Community'})
			},
			sub(){
				alert(this.sub_week);
				alert(this.mine);
				var param={
					'u_font':this.u_font,
					'sub_day':this.sub_day,
					'sub_yymm':this.sub_yymm,
					'sub_week':this.sub_week,
					'username':this.mine.detail.username,
					'eye_count':this.eye_count,
					'sum_com':this.sum_com,
					'sum_like':this.sum_like
					
				}
				param = querystring.stringify(param);
				axios.post(this.$api+'/mywork/subwork',param).then((response)=>{
					if(response.data.success==true){
						Toast("上传成功");
						console.log(response.data.detail.u_font);
						this.$router.push({path:'myworks'})
					}else{
						Toast("上传失败，请重新上传");
					}
				}).catch((error)=>{
					//this.$message.error('请求失败');
					console.log(error);
				})
			},
			// submitForm:function(event){
			// 	console.log('上传')
			// 	var fd = new FormData();
			// 	fd.append("file", this.file);
			// 	axios({
			// 	    url: this.$api+'/file/upload',   //所要请求的地址
			// 	    data: fd,       //携带的参数
			// 	    method: 'post',   //请求方式
			// 	    headers: {
			// 	        //请求头很重要，我看见有人说可以不写，但我不写不行
			// 	        'Content-Type': 'multipart/form-data',
			// 			}
			// 	    }).then((res)=>{
			// 	         console.log(res.data);
			// 	});
			// },
			// iii:function (e){
			//     //此函数主要是将input里的文件存入data里的file里
			//     alert(e.target);
			//     this.file=e.target.files[0];
			// }
		},
	}
</script>

<style scoped>
	.subw{
		height: 600px;
		background-color: #FAFAFA;
	}
	input{
		width: 230px;
		height: 50px;
		font-size: 20px;
		background-color: #fff779;
		border-radius: 50px;
		border:none;
		margin-top: 50px;
	}
	textarea{
		margin-top: 10px;
	}
	.time{
/* 		background-color: #ED6A0C;
 */		height: 50px;
		margin-top: 10px;
		width: 140px;
	}
	.day{
/* 		background-color: #0570DB;
 */		width:50px;
		height: 50px;
		display: inline-block;
		padding-top: 5px;
		color:#FFD01E ;
		font-size: 35px;
	}
	.ym{
		/* background-color: red; */
		display: inline-block;
		padding-top: 10px;
		font-size: 10px;
	}
	.upload{
		width: 40px;
		
	}
</style>
